<template>
	<view>
		<view class="container">
			<view class="shops borderBottom1" v-for="(item,index) in list" :key='index'>
				<view class="shops_left">
					<image :src="item.img" mode=""></image>
					<view class="shops_left_exchange">
						<view class="label">
							{{item.type==1?'商品':'药品'}}
						</view>
						<text>{{item.name}}</text>
					</view>
				</view>
				<view class="shops_right">
					{{item.number}}积分
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						img:'../../../../static/img/index/12.JPG',
						type:1,
						name:'可口可乐',
						number:10,
						id:1
					},
					{
						img:'../../../../static/img/index/12.JPG',
						type:1,
						name:'炸鸡',
						number:50,
						id:2
					},
					{
						img:'../../../../static/img/index/12.JPG',
						type:1,
						name:'啤酒',
						number:30,
						id:3
					},
					{
						img:'../../../../static/img/index/12.JPG',
						type:2,
						name:'999感冒灵',
						number:20,
						id:4
					},
				]
			};
		}
	}
</script>

<style lang="scss">
@import './css/exchange.scss';
</style>
